<!-- Dom模板 -->
<template>
  <div ref="alert_box" class="alert_box">
    <!-- <slot :mesg="name"></slot> -->
    <!-- <slot name="title"></slot>
    <slot name="cont"></slot> -->
    <!-- <h3 @click="back">返回</h3> -->
    <slot></slot>
  </div>
</template>

<script>
// import a from './a'; // 引入组件
import { alert_child } from "./alert_mixin";
export default {
  mixins: [alert_child],
  props: {
    transition: {
      default: {
        from: "left",
        to: "left",
      },
      type: Object,
    },
  },
  name: "",
  data() {
    return {
      msg: "测试",
    };
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
  // Vue方法定义
  methods: {
   
  },
};
</script>

<style scoped>
/* @import url(''); 引入css类 */

.alert_box{
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  transition: 0.2s all;
}
</style>